doctype html
html(lang='zh-CN')
  head
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    meta(name='viewport', content='width=device-width, initial-scale=1')
    title=title
    link(rel='stylesheet', href='./common/css/style.css')
  body
    #loading-mask
      div.load 资源加载中...
      div.reload
        span 长时间未加载请
        a(href="#" onclick="location.reload()") 刷新
        span 页面
    #container.container
    #layer
      .data-board
        .title.totle 兴盛优选大数据
        .liner
        .order-count-totle
          span.title 今日总单数
          span.number
            animate-number(:number="orderCount" initial=0 duration=6000 v-bind:splitk="true")
          span.after 今日 GMV:
            animate-number(:number="todayGMV" initial=0 duration=6000 v-bind:splitk="true")
        .subData
          p.title.area 区域订单统计：
          area-order
          .graph
            .title
              span 本日商品售罄率
              span 本日各地区 GMV 占比
            #c2
            #c1
    template#area-order
      .area-order-count
        .area-order(v-for="item in areaList")
          .name {{item.name}}
          .number
            animate-number(:number="item.amont" initial=0 duration=6000 v-bind:splitk="true")
            span 单
    template#animate-number
      span.animate-number {{nowNumer}}
    script(src="/socket.io/socket.io.js")
    script(src='./mobileAdapter.js')
    script(src='./common/3rd/vue.js')
    script(src='./common/js/echarts.min.js')
    script(src='./renderAreaGMV.js')
    script(src='./renderSoldOutRate.js')
    script(src='./point.js')
    script(src='./main.js')
    script.
      window.init = () => {
        window.main();
        window.mobileAdapter();
      }
    script(src='https://webapi.amap.com/maps?v=1.4.8&key=9d82b3725d5f56ad23ea9bf879931c7e&callback=init')
